// 1.jq的入口函数：当页面的 dom树 创建完成时调用  ------------------
$(function () {
    //2.请求 当前登录用户信息 接口
    getUserInfo()

    // 3.为退出按钮绑定事件方法 
    $('#btnLogout').on('click', logout)
})

//2.请求 当前登录用户信息 接口   ------------------
function getUserInfo() {
    $.ajax({
        url: '/my/userinfo',
        // method: 'get',
        success(res) {
            // a.提示信息
            layui.layer.msg(res.message)
            // b.如果 获取失败，则停止执行
            if (res.status !== 0) {
                return
            }
            console.log(res)
            // c.如果成功，则 将 数据 渲染到 页面上
            render(res.data)
        }
    })
}

// 3.根据用户数据 渲染头像和名称 ------------------
function render(usrInfo) {
    // a.获取 用户名（优先昵称，其次 用户名） const a = 变量 ?? 默认值
    const usrName = usrInfo.nickname || usrInfo.username
    // b.设置给 头像欢迎语
    $('#usrName').text(usrName)
    // c.判断是否 有 图片地址
    // 如果有图片地址
    if (usrInfo.user_pic) {
        // c1.将 图片设置给 头像标签，并显示 头像标签
        $('.img-avatar').attr('src', usrInfo.user_pic).show()
        // c2.隐藏 文字头像 标签
        $('.text-avatar').hide()
    } else {
        $('.text-avatar').text(usrName[0].toUpperCase()).show()
        $('.img-avatar').hide()
    }
}

// 4.退出方法 ------------------------------------
function logout(e) {
    e.preventDefault()
    // 弹出确认选择框
    layui.layer.confirm('你确定要退出吗，主人?', { icon: 3, title: '温柔的眼神' }, function (index) {
        // 删除 token
        localStorage.removeItem('token')
        // 跳转到 登录页面
        location.href = "/login.html"
    });
}